{% extends 'base.html' %}

{% block title %}Edit Tag{% endblock %}

{% block content %}

<h1>Edit a tag</h1>

<form method="POST" action="{{ url_for('edit_tag', tag_id=tag.id) }}">
    <div class="form-group row">
        <label for="name" class="col-sm-2 col-form-label d-flex align-items-center">
            Name
        </label>
        <div class="col-sm-10">
            <input type="text" 
                   class="form-control" 
                   id="name" 
                   name="name" 
                   placeholder="Enter a name for the tag"
                   value="{{ tag.name }}">
        </div>
    </div>

    <div class="form-group row form-check">
        {% for post in posts %}
        <div>
            <input
                    class="form-input"
                    type="checkbox"
                    value="{{ post.id }}"
                    id="post_{{ post.id }}"
                    name="posts"
                    {% if post in tag.posts %}
                    checked
                    {% endif %}
            >
            <label class="form-check-label" for="post_{{ post.id }}">
                {{ post.title }}
            </label>
        </div>
        {% endfor %}
    </div>

    <div class="mt-3 form-group row">
        <div class="ml-auto mr-3">
            <a href="/tags" class="btn btn-info">Cancel</a>
            <button type="submit" class="btn btn-success">Edit</button>
        </div>
    </div>
</form>

{% endblock %}